.manpower-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/commonImg/commonMainBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			display: flex;
			flex-direction: column;
			.main-top {
				flex: 3;
				display: flex;
				.dataScreen-lf {
					width: 27%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
					background-size: 100% 100%;
					.lf-top,
					.lf-center,
					.lf-bottom {
						position: relative;
						width: 100%;
					}
					.lf-top {
						height: 30%;
						display: flex;
						flex-direction: column;
						.lf-top-cn {
							flex: 1;
							:deep(.table-box) {
								background: none;
								.el-table__inner-wrapper {
									&::before {
										height: 0;
									}
								}
								.table-head {
									background: rgba(21, 77, 160, 0.2);
									.el-table__cell {
										padding: 8px 0;
										background: none;
										border: none;
										.cell {
											font-size: 12px;
											font-family: PingFangSC-Regular, PingFang SC;
											font-weight: 400;
											color: #d4edfd;
											line-height: 16px;
											text-align: center;
										}
									}
								}
								.table-row {
									background: none;
									.el-table__cell {
										border: none;
										padding: 8px 0;
										.cell {
											font-size: 12px;
											font-family: PingFangSC-Regular, PingFang SC;
											font-weight: 400;
											color: rgba(216, 240, 255, 0.8);
											line-height: 17px;
											text-align: center;
										}
									}
									&:hover td.el-table__cell {
										background: none;
									}
									&:hover {
										background: linear-gradient(
											270deg,
											rgba(26, 123, 230, 0) 0%,
											rgba(69, 193, 255, 0.8) 100%
										);
									}
								}
							}
						}
					}
					.lf-center {
						flex: 1;
						display: flex;
						flex-direction: column;
						.lf-center-cn {
							flex: 1;
							padding: 0px 20px;
						}
					}
					.lf-bottom {
						height: 35%;
						display: flex;
						flex-direction: column;
						.lf-bottom-cn {
							flex: 1;
						}
					}
				}
				.dataScreen-ct {
					flex: 1;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					height: 100%;
					.ct-top {
						height: 35%;
						.ct-top-cn {
							height: 100%;
							display: flex;
							flex-direction: column;
							padding: 0 15%;
							.data-box {
								height: 20%;
								display: flex;
								justify-content: space-between;
								align-items: center;
								.item-box {
									background: url("@/assets/screenImg/powerImg/center/numBg.png")
										no-repeat;
									background-size: 100% 100%;
									padding: 5px 20px;
									span {
										&:nth-child(1) {
											font-size: 14px;
											font-family: SourceHanSansCN-Medium, SourceHanSansCN;
											font-weight: 500;
											color: #cfd4db;
											line-height: 21px;
										}
										&:nth-child(2) {
											font-size: 18px;
											font-family: SourceHanSansCN-Medium, SourceHanSansCN;
											font-weight: 500;
											color: #56caff;
											line-height: 27px;
										}
									}
								}
							}
							.pie-box {
								flex: 1;
								background: url("@/assets/screenImg/powerImg/center/pieBg.png")
									no-repeat;
								background-size: 100% 100%;
								margin: 10px 0 20px 0px;
								display: flex;
								> div {
									display: flex;
									flex-direction: column;
									> div {
										&:nth-child(1) {
											height: 20%;
											display: flex;
											align-items: center;
											padding-left: 10%;
										}
										&:nth-child(2) {
											flex: 1;
											padding: 0 10%;
										}
									}
								}
								.pie-left {
									width: 49%;
								}
								.pie-right {
									width: 51%;
								}
							}
						}
					}
					.ct-bottom {
						flex: 1;
						.ct-bottom-cn {
							height: 100%;
							background: url("@/assets/screenImg/powerImg/center/centerBg.png")
								no-repeat;
							background-size: 100% 100%;
							display: flex;
							flex-direction: column;
							.cn-title {
								height: 8%;
								display: flex;
								justify-content: space-between;
								align-items: center;
								padding: 0 5%;
								> span {
									color: #ffffff;
									text-shadow: 0px 0px 12px 0px rgba(166, 239, 255, 0.66);
								}
								> div {
									display: flex;
									justify-content: space-between;
									align-items: center;
									> div {
										background: url("@/assets/screenImg/powerImg/center/titleBg.png")
											no-repeat;
										background-size: 100% 100%;
										padding: 3px 30px 3px 10px;
										margin: 0 20px;
										> span {
											font-size: 14px;
											font-family: SourceHanSansCN-Regular, SourceHanSansCN;
											font-weight: 400;
											line-height: 16px;
											&:nth-child(1) {
												color: #d8f0ff;
											}
											&:nth-child(2) {
												color: #7adaff;
											}
										}
									}
								}
							}
							.cn-content {
								flex: 1;
							}
						}
					}
				}
				.dataScreen-rg {
					width: 27%;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
					background-size: 100% 100%;
					.dataScreen-top,
					.dataScreen-bottom {
						position: relative;
						box-sizing: border-box;
						width: 100%;
					}
					.rg-top {
						height: 40%;
						display: flex;
						flex-direction: column;
						.rg-top-cn {
							flex: 1;
						}
					}
					.rg-bottom {
						flex: 1;
						display: flex;
						flex-direction: column;
						.rg-bottom-cn {
							flex: 1;
							:deep(.table-box) {
								background: none;
								.el-table__inner-wrapper {
									&::before {
										height: 0;
									}
								}
								.table-head {
									background: rgba(21, 77, 160, 0.2);
									.el-table__cell {
										padding: 8px 0;
										background: none;
										border: none;
										.cell {
											font-size: 12px;
											font-family: PingFangSC-Regular, PingFang SC;
											font-weight: 400;
											color: #56caff;
											line-height: 16px;
											text-align: center;
										}
									}
								}
								.table-row {
									background: none;
									position: relative;
									&::after {
										content: "";
										display: block;
										position: absolute;
										left: 0;
										bottom: 0;
										width: 100%;
										height: 1px;
										box-shadow: 0px -1px 8px 2px #0f3691;
										border: 1px solid #b3caff;
									}
									.el-table__cell {
										border: none;
										.cell {
											font-size: 14px;
											font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
											font-weight: 400;
											color: #d3e3ff;
											line-height: 20px;
											text-align: center;
											.grade {
												color: #36e3e3;
											}
										}
									}
									&:hover td.el-table__cell {
										background: none;
									}
									&:hover {
										background: linear-gradient(
											270deg,
											rgba(26, 123, 230, 0) 0%,
											rgba(69, 193, 255, 0.8) 100%
										);
									}
								}
							}
						}
					}
				}
			}
			.main-bottom {
				flex: 1;
				display: flex;
				flex-direction: column;
				.bottom-title {
					width: 25%;
				}
				.main-bottom-cn {
					flex: 1;
					display: flex;
					flex-direction: column;
					.select-box {
						display: flex;
						margin-bottom: 10px;
						.select-item {
							display: flex;
							align-items: center;
							margin-left: 8%;
							> span {
								font-size: 16px;
								font-family: SourceHanSansCN-Normal, SourceHanSansCN;
								color: #d3e3ff;
								line-height: 24px;
							}
						}
					}
					.table-container {
						flex: 1;
						:deep(.table-box) {
							background: none;
							.el-table__inner-wrapper {
								&::before {
									height: 0;
								}
							}
							.table-head {
								background: rgba(21, 77, 160, 0.2);
								.el-table__cell {
									padding: 8px 0;
									background: none;
									border: none;
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										font-weight: 400;
										color: #56caff;
										line-height: 16px;
										text-align: center;
									}
								}
							}
							.table-row {
								background: none;
								.el-table__cell {
									border: none;
									padding: 8px 0;
									.cell {
										font-size: 12px;
										font-family: PingFangSC-Regular, PingFang SC;
										font-weight: 400;
										color: #d3e3ff;
										line-height: 17px;
										text-align: center;
										span {
											cursor: pointer;
										}
										.option {
											color: #36e3e3;
										}
									}
								}
								&:hover td.el-table__cell {
									background: none;
								}
								&:hover {
									background: linear-gradient(
										270deg,
										rgba(26, 123, 230, 0) 0%,
										rgba(69, 193, 255, 0.8) 100%
									);
								}
							}
						}
					}
				}
			}
		}
	}
}
// 表格滚动hover样式
:deep(.dv-scroll-board) {
	.rows {
		.row-item {
			&:hover {
				background: linear-gradient(
					270deg,
					rgba(26, 123, 230, 0) 0%,
					rgba(69, 193, 255, 0.8) 100%
				);
			}
		}
	}
	&.list {
		.rows {
			.row-item {
				position: relative;
				&::after {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					bottom: 1px;
					width: 100%;
					height: 1px;
					box-shadow: 0px -1px 8px 2px #0f3691;
					border: 1px solid #b3caff;
				}
			}
		}
	}
}
